<template>
	<tm-fullView>
		<view >
			<tm-menubars title="提示框" color="bg-gradient-primary-lighten"  :showback="true"></tm-menubars>
			
			<tm-message ref="toast"></tm-message>
			
			<view class="ma-32 white shadow-24 pa-24 round-6" :class="$tm.vx.state().tmVuetify.black?'grey-darken-5':''">
				<tm-button theme="white" @click="$refs.toast.show()" size='m'>info</tm-button>
				<tm-button  @click="$refs.toast.show({model:'load'})" size='m'>load</tm-button>
				<tm-button theme="red" @click="$refs.toast.show({model:'error'})" size='m'>error</tm-button>
				<tm-button @click="$refs.toast.show({model:'quest'})" size='m'>quest</tm-button>
				<tm-button theme="orange" @click="$refs.toast.show({model:'warn'})" size='m'>warn</tm-button>
				<tm-button theme="green" @click="$refs.toast.show({model:'success'})" size='m'>success</tm-button>
				<tm-button theme="pink" @click="$refs.toast.show({model:'disabled'})" size='m'>disabled</tm-button>
				<tm-button @click="$refs.toast.show({model:'wait'})" size='m'>wait</tm-button>
			</view>
			<view class="ma-32 white shadow-24 pa-24 round-6" :class="$tm.vx.state().tmVuetify.black?'grey-darken-5':''">
				
				<tm-button @click="$refs.toast.show({model:'load',mask:true})" size='m'>load无法穿透</tm-button>
				<tm-button @click="$refs.toast.show({model:'success',black:true,label:'我是修改的文字'})" size='m'>强制暗黑,并修改默认文字</tm-button>
				<tm-button @click="$refs.toast.show({model:'success',icon:'icon-wind-smile'})" size='m'>修改默认图标</tm-button>
				
			</view>
		</view>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"

	import tmButton from "@/tm-vuetify/components/tm-button/tm-button.vue"
	import tmMessage from "@/tm-vuetify/components/tm-message/tm-message.vue"
	export default {
		components:{tmFullView,tmSheet,tmMenubars,tmButton,tmMessage
		},
		data() {
			return {
				
			}
		},
		mounted() {
			
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
